<template>
  <div class="custom-detail-analyze">
    <h5 class="chart-title" v-if="!lineChartHidden">近7日活跃度</h5>
    <div class="shadow_box line-container" v-if="!lineChartHidden">
      <line-chart v-if="lineData.length" :lineData="lineData"></line-chart>
      <p class="chart-desc">该客户即将失联，请持续分享活动、名片和楼盘 召唤TA吧~</p>
    </div>
  </div>
</template>
<script>
import LineChart from 'COMP/Custom/Charts/LineChart'
export default {
  props: {
    lineChartHidden: { type: Boolean },
    lineData: { type: Array },
  },
  components: {
    LineChart
  }
}
</script>
<style lang="less">
.custom-detail-analyze {
  .chart-title {
    font-size: 20px;
    font-weight: 600;
    color: #13284D;
    padding: 20px 16px 0px 16px;
    line-height: 28px;
  }
  .line-container{
    width: 335px;
    margin: 20px;
    .chart-desc {
      padding: 0 15px 25px;
      font-size: 14px;
      font-weight: 400;
      color: #333333;
    }
  }
}
</style>
